.circle-breath {
    background: -webkit-linear-gradient(135deg,
            #4cdb9f,
            #e187be 25%,
            #4fcceb 50%,
            #e6db67 55%,
            #5298a4af 60%,
            #a266d7 80%,
            #a85365 95%,
            #6bead0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-background-size: 300% 100%;
    background-size: 300% 100%;
    -webkit-animation: breath 5s infinite linear;
    animation: breath 5s infinite linear;
}

@keyframes breath {
    0% {
        transform: scale(0.75);
        box-shadow: 0 0 0 0 rgba(232,248,248, 40%);
    }

    60% {
        transform: scale(1);
        box-shadow: 0 0 0 45px rgba(232,248,248, 0%);
    }

    100% {
        transform: scale(0.75);
        box-shadow: 0 0 0 0 rgba(232,248,248, 0%);
    }
}

.base-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e8f4f8;
    height: 100%;
    width: 100%;
}

.base-image-content {
    display: flex;
    height: 100%;
    width: 100%;
    gap: 2.5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.base-image-name {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 0.8em;
    animation: breath 5s infinite linear;
    margin-left: 5%;
}

.base-image-type {
    white-space: nowrap;
    letter-spacing: 0.8em;
    margin-left: 5%;
    color: #1677ff;
}